<!--
 * @Author: 追逐的娃 kangchao_php@163.com
 * @Date: 2024-10-31 15:14:41
 * @LastEditors: 追逐的娃 kangchao_php@163.com
 * @LastEditTime: 2024-11-01 11:03:20
 * @FilePath: \vue-project\src\components\Vue3Map\BaiDuMap.vue
 * @Description: https://map.heifahaizei.com/doc/begin/use
 * 
-->
<template>
  <baidu-map
    class="map"
    :ak="ak"
    v="3.0"
    type="API"
    :center="{ lng: 116.404, lat: 39.915 }"
    :zoom="15"
  >
  </baidu-map>
</template>

<script setup>
import { BaiduMap } from 'vue-baidu-map-3x'
const ak = window._CONFIG.BAIDU_AK
</script>

<style>
.map {
  width: 100%;
  height: 400px;
}
</style>